// 导入全局CSS样式文件，这会将main.css中定义的样式应用到整个应用程序
// 这是Vue项目中常见的做法，用于设置全局样式、重置浏览器默认样式等
import './assets/main.css'

// 从Vue框架核心库中导入createApp函数
// createApp是Vue 3的核心API，用于创建Vue应用实例
import { createApp } from 'vue'
// 导入根组件App
// App.vue通常是应用程序的根组件，包含整个应用的组件树
import App from './App.vue'
// 导入路由配置
// router.ts文件通常定义了应用程序的路由配置，包括路由规则和组件映射
import router from './router'
// 引入pinia，用于状态管理
import { createPinia } from 'pinia'

// 创建Vue应用实例并挂载到DOM中 
// createApp(App)：使用根组件创建Vue应用实例
// .mount('#app')：将Vue应用挂载到HTML中id为'app'的DOM元素上
// 这个元素通常在public/index.html中定义
const app =createApp(App)
// 应用全局路由配置
// app.use(router)：将路由配置应用到Vue应用实例中
// 这使得应用中的所有组件都可以访问和使用路由功能
app.use(router)
// 创建pinia实例
const pinia = createPinia()
// 应用pinia
app.use(pinia)
// 启动Vue应用
// app.mount('#app')：将Vue应用挂载到HTML中id为'app'的DOM元素上
// 这个元素通常在public/index.html中定义
// 挂载应用实例到DOM中
app.mount('#app')
